忍者刘米米

TableView with searchBr视图的构建

Table View

TableView 创建

在视图中拖入一个tableView,并设置约束

1

TableView的行高

3

TableView的代理

ctrl drag tableView to the controller

4

TableView IBOutlet in controller

10

ViewController conforms to protocol

11

Table view cell

TableView中设置cell

2

TableViewCell ID

5

TableViewCell custom class

9

TableViewCell取消分割线

12

采用UIView作为分割线

13

黑色,透明度2%

14

UIStoryBoard中的Constraints

两者顶部对齐

6

两者底部对齐

7

两者中线对齐

8

View中的元素

Lable内文字可以自动换行

设为0

15

ImageView设为AspectFit

16

Search View

主视图中添加导航栏视图

创建一个高度为64的导航栏视图,并将其底部与table view顶部相连接

2

3

6

在导航栏中内嵌一个UIView 高度为44,透明

7

8

9

搜索结果界面创建

在storyboard中复制一个view controller scene 为search controller scene

1

搜索结果界面的导航栏和主视图的一致,内嵌view for searchbar, 不需要cell

10

12

custom class 和 storyboard ID

13